﻿@using InfoTech.VinhSon.Bussiness
@model IEnumerable<Article>
<style type="text/css">
    .new_article
    {
        border: #6c3403 1px solid;
        border-radius: 5px 5px 0 0;
        margin-bottom: 10px;
        background-color: white;
    }
    .new_article .title
    {
        color: white;
        font-weight: bold;
        padding: 10px;
        font-size: 15px;
        background-color: #6c3403;
        background-image: -webkit-linear-gradient(bottom, #6c3403, #734F0E);
        background-image: -moz-linear-gradient(bottom, #6c3403, #734F0E);
        background-image: -o-linear-gradient(bottom, #6c3403, #734F0E);
        background-image: -ms-linear-gradient(bottom, #6c3403, #734F0E);
        background-image: linear-gradient(to top, #6c3403, #734F0E);
    }
    .new_article .content
    {
        padding: 5px;
    }
    .new_article .content .link1
    {
        display: block;
        margin-top: 5px;
        float: left;
        width: 70px;
    }
    .new_article .content .link2
    {
        display: block;
        float: left;
        width: 150px;
    }
    .new_article ul li
    {
        list-style: none;
        clear: both;
        padding: 5px;
        border-bottom: 1px #ccc dotted;
        clear: both;
    }
</style>
<div class="new_article shadow-bottom">
    <div class="title">
        TIN / BÀI MỚI
    </div>
    <div class="content">
        <ul>
            @{
                foreach (Article article in Model)
                {
                <li>
                    <div>
                        <a class="link1" title="@article.Description" href="@article.GetUrl()">
                            <img src="/Resource/Article/@article.Thumbnail" width="65" height="49" /></a>
                        <a class="link2" title="@article.Description" href="@article.GetUrl()">@article.Name</a>
                    </div>
                    <div class="clear"></div>
                </li>
                }
            }
        </ul>
        <div class="clear">
        </div>
    </div>
</div>
